<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/news.css">
    <link rel="stylesheet" href="./css/bootstrap-3.4.1-dist/css/bootstrap.css">
</head>
<body>
    <header>
        <div class="top">
            <div class="tou">
                <div class="logo">
                    <img src="./img/logo.png" alt="">
                </div>
                     <input type="checkbox" id="mobi" hidden/>
                <label for="mobi" class="mobi">
                    <span></span>
                    <span></span>
                    <span></span>
                </label>
                <div class="navigation" id="nav">
                    <ul>
                        <li> <a href="./index.html" id="aaaa">首页</a></li>
                        <li> <a href="./family.html" id="aaaa">Laya家族</a> </li>
                        <li><a href="./game.html" id="aaaa">游戏</a></li>
                        <li> <a href="./news.html" id="aaaa">新闻动态</a></li>
                        <li>开发者中心</li>
                        <li>开发者社区</li>
                        <li> 开放平台</li>
                        <li> <a href="./about.html" id="aaaa">关于我们</a> </li>
                    </ul>
                    <div class="text" id="text">
                        <select>
                            <option vaul="">Language </option>
                            <option vaul="">简体中文</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
    </header>
 <main>
    <div class="news">
        <div class="container">
            <div class="row">
                <div class="col-md-6 tou">
                    <div class="top" id="tp">
                        <p>新闻动态</p>
                    </div>
                </div>
            </div>
            <div class="row xai" id="fg">
                <div class="col-md-4" id="rt">
                      <img src="./img/6.png" alt="">
                </div>
                <div class="col-md-4" id="rt"> 
                    <img src="./img/7.png" alt="">
                </div>
                <div class="col-md-4" id="rt">
                    <img src="./img/8.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="dynamic">
        <div class="container">
            <div class="row">
                <div class="col-md-12 all" id="all">
                    <div class="col-md-2">
                        <div class="pian">
                            <img src="./img/one.png" alt="">
                        </div>
                    </div>
                    <div class="col-md-10 text">
                        <p>技术突破：HTML5裸跑性能已可媲美APP</p>
                        <p>2016-02-25</p>
                        <p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了
                            HTML5裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。</p>
                        <input type="button" value="查看详情" class="button">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 all">
                    <div class="col-md-2">
                        <div class="pian">
                            <img src="./img/two.png" alt="">
                        </div>
                    </div>
                    <div class="col-md-10 text">
                        <p>Layabox吹响进军**HTML5市场的号角</p>
                        <p>2016-01-29</p>
                        <p>以本届HTML5游戏峰会为契机，Layabox携多款优质大型HTML5手游吹响了进军**的号角，与此同时，Layabox与
                            **游戏产业同行就游戏开发、游戏发行、平台合作等业务启动了合作的筹备阶段。猴年春节后，将会有多款大型
                            HTML5手游直接登陆**游戏市场.</p>
                        <input type="button" value="查看详情" class="button">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 all" id="all">
                    <div class="col-md-2">
                        <div class="pian">
                            <img src="./img/one.png" alt="">
                        </div>
                    </div>
                    <div class="col-md-10 text">
                        <p>技术突破：HTML5裸跑性能已可媲美APP</p>
                        <p>2016-02-25</p>
                        <p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了
                            HTML5裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。</p>
                        <input type="button" value="查看详情" class="button">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 all">
                    <div class="col-md-2">
                        <div class="pian">
                            <img src="./img/two.png" alt="">
                        </div>
                    </div>
                    <div class="col-md-10 text">
                        <p>Layabox吹响进军**HTML5市场的号角</p>
                        <p>2016-01-29</p>
                        <p>以本届HTML5游戏峰会为契机，Layabox携多款优质大型HTML5手游吹响了进军**的号角，与此同时，Layabox与
                            **游戏产业同行就游戏开发、游戏发行、平台合作等业务启动了合作的筹备阶段。猴年春节后，将会有多款大型
                            HTML5手游直接登陆**游戏市场.</p>
                        <input type="button" value="查看详情" class="button">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 all" id="all">
                    <div class="col-md-2">
                        <div class="pian">
                            <img src="./img/one.png" alt="">
                        </div>
                    </div>
                    <div class="col-md-10 text">
                        <p>技术突破：HTML5裸跑性能已可媲美APP</p>
                        <p>2016-02-25</p>
                        <p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了
                            HTML5裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。</p>
                        <input type="button" value="查看详情" class="button">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 all">
                    <div class="col-md-2">
                        <div class="pian">
                            <img src="./img/two.png" alt="">
                        </div>
                    </div>
                    <div class="col-md-10 text">
                        <p>Layabox吹响进军**HTML5市场的号角</p>
                        <p>2016-01-29</p>
                        <p>以本届HTML5游戏峰会为契机，Layabox携多款优质大型HTML5手游吹响了进军**的号角，与此同时，Layabox与
                            **游戏产业同行就游戏开发、游戏发行、平台合作等业务启动了合作的筹备阶段。猴年春节后，将会有多款大型
                            HTML5手游直接登陆**游戏市场.</p>
                        <input type="button" value="查看详情" class="button">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 all" id="all">
                    <div class="col-md-2">
                        <div class="pian">
                            <img src="./img/one.png" alt="">
                        </div>
                    </div>
                    <div class="col-md-10 text">
                        <p>技术突破：HTML5裸跑性能已可媲美APP</p>
                        <p>2016-02-25</p>
                        <p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了
                            HTML5裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。</p>
                        <input type="button" value="查看详情" class="button">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 all">
                    <div class="col-md-2">
                        <div class="pian">
                            <img src="./img/two.png" alt="">
                        </div>
                    </div>
                    <div class="col-md-10 text">
                        <p>Layabox吹响进军**HTML5市场的号角</p>
                        <p>2016-01-29</p>
                        <p>以本届HTML5游戏峰会为契机，Layabox携多款优质大型HTML5手游吹响了进军**的号角，与此同时，Layabox与
                            **游戏产业同行就游戏开发、游戏发行、平台合作等业务启动了合作的筹备阶段。猴年春节后，将会有多款大型
                            HTML5手游直接登陆**游戏市场.</p>
                        <input type="button" value="查看详情" class="button">
                    </div>
                </div>
            </div>
            <div class="hen" id="hen"></div>
            <div class="choose" id="choose">
                <div class="nume">36条</div>
                <button class="pp">上一页</button>
                <button class="yy">1</button>
                <button class="yy">2</button>
                <button class="yy">3</button>
                <button class="yy">4</button>
                <button class="pp">下一页</button>
            </div>
        </div>
    </div>
 </main>
 <footer>
    <div class="text" id="text5">
        <div class="left">
            <span>公司简介</span>
            <span>联系方式</span>
            <span>人才招聘</span>
            <p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </p>
        </div>
        <div class="right">
            <div class="dd">
                <img src="./img/icon15.png" alt="">
            </div>
            <div class="dd" id="uy">
                <img src="./img/icon16.png" alt="">
                <div class="ma">
                    <img src="./img/ma.png" alt="">
                </div>
            </div>
            <div class="dd">
                <img src="./img/icon17.png" alt="">
            </div>
        </div>
    </div>
</footer>
</body>
</html>